<template>
	<view>
		<header-safearea title="我的"></header-safearea>
		<view class="userInfo">
			<image :src="userInfo.avatarUrl" mode=""></image>
			<text>{{ userInfo.nickName }}</text>
		</view>
	</view>
</template>

<script setup>
	const userInfo = uni.getStorageSync('userInfo')
</script>

<style lang="scss">
.userInfo {
	height: 400rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	image {
		width: 200rpx;
		height: 200rpx;
		border-radius: 50%;
		margin-right: 20rpx;
	}
}
</style>
